﻿/*使用auto时涉及几处z-index 高度的问题，暂定为以下.
拖动层：20
调试框：30
    ie 为th增加transform后，不显示边线了。所以必须用border-collapse: separate; 
*/
.autotableWrap { overflow: auto; position: relative; }
.autotable { border-collapse: separate; text-align: center; vertical-align: middle; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }

    .autotable > thead > tr > th, .autotable .autoheader2 > th { background-color: #f2f2f2; background-clip: border-box; will-change: transform; border-top: none; border-left: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
    .autotable > tbody > tr > td { border-top: none; border-left: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; }
    .autotable > tfoot > tr > td { border-top: none; border-left: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

    .autotable .autoEdit { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
    .autotable tfoot td { vertical-align: bottom; text-align: left; }

    .autotable > tbody > tr.autoselected > td { background-color: #fff5ce; }

    .autotable .frzTD { background-color: #f2f2f2; will-change: transform; }
    .autotable thead .autoSort { cursor: pointer; -webkit-user-select: none; user-select: none; }

    /*分页按钮是行内,距左50*/
    .autotable tfoot td > span { display: inline-block; margin-right: 20px; }

/* 自动编辑的样式*/
.autoEdit { -moz-background-clip: content-box; -webkit-background-clip: content-box; background-clip: content-box; padding: 0 !important; }
    .autoEdit .autoEditinput { background: none; background-color: #fee; /*#e2fafe#fee是粉色*/ -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; padding: 0 5px; width: 100%; min-height: 30px; text-align: center; }

        .autoEdit .autoEditinput:focus { color: rgba(28, 68, 227, 1); }
/*编辑的右上折角*/
.autotable .cellEdited { background-position: top right; background-repeat: no-repeat; background-image: url(""); }
.autoSave { margin-left: 15px; }
/*分析时的选中样式*/
.autotable .autoAnalyse { background-color: rgb(166, 248, 200) !important; }
.autotable #autoAnalyse { display: block; }
    .autotable #autoAnalyse > span { display: inline-block; padding: 0 5px; }
        .autotable #autoAnalyse > span:hover { font-weight: bold; }
/*caret向上三角箭头，bs只供了向下三角箭头,引用时 " .caret .caret-up " */
.caret-up { border-top: 0; border-bottom: 4px solid; }
/*.autocenter{position:absolute;left: 50%; top: 50%; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}  */

.autoEditTopHover { position: absolute;display:none; padding: 5px; height: 35px; border: 1px solid #2e2e2e; border-radius: 5px; background-color: #fff; color: #cf3838; font-size: 16px; font-weight: bolder; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; }
/*dialog弹窗的样式*/
.autocenter { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; }
.autodlg .modal-body { overflow-y: auto; }

.auto-hide-col{visibility:collapse;width:0!important;}
.auto-hide-headtext{line-height:1px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media (min-height: 0) {
    .autodlg .modal-body { max-height: 80px; }
}

@media (min-height: 300px) {
    .autodlg .modal-body { max-height: 180px; }
}

@media (min-height: 500px) {
    .autodlg .modal-body { max-height: 380px; }
}

@media (min-height: 600px) {
    .autodlg .modal-body { max-height: 480px; }
}

@media (min-height: 700px) {
    .autodlg .modal-body { max-height: 580px; }
}

@media (min-height: 900px) {
    .autodlg .modal-body { max-height: 680px; }
}
/**借easyui的样式*/
.auto-indent { display: inline-block; width: 16px; height: 18px; vertical-align: top; overflow: hidden; }
.auto-expanded { background: url('') /*open.png*/; }
.auto-collapsed { background: url('') /*col.png*/; }
.auto-hidden { display: none; }

.autotabpanel { position: relative; }
    .autotabpanel ul { width: 100%; float: left; }
    .autotabpanel .tab-content { position: absolute; width: 100%; top: 43px; bottom: 0; left: 0; }
    .autotabpanel iframe { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; }
    /*修复ie11下，关闭符号换行*/
    .autotabpanel ul.nav li a { display: inline-block; }
    /*右键菜单默认隐藏*/
    .autotabpanel .dropdown { position: absolute; }


/*窗体中，灰色的标题，基本样式照抄王克给的模版*/
.autoForm .autoFormTable { margin: 0 auto; max-width: 600px; border: 1px #dadada solid; }
    .autoForm .autoFormTable td { line-height: 28px; }
        .autoForm .autoFormTable td input, .autoForm .autoFormTable td select { width: 100%; height: 32px; line-height: 32px; border: solid 1px #a7b5bc; background-color: #FFF; text-indent: 8px; }
        .autoForm .autoFormTable td.greyTD { height: 28px; line-height: 28px; padding: 3px 5px; text-align: center; border-bottom: 1px #dadada solid; border-right: 1px #dadada solid; background-color: #efefef; }
/*让ztree在它里面定位，以及修正下面按钮比ztree层高，引起的消失的问题*/
.autoForm .formtreeTd { position: relative; z-index: 10; }
.autoForm .formtree { display: none; position: absolute; width: 100%; min-width: 250px; background-color: #fff; padding: 10px; border: 1px solid #ccc; }
.autoForm .formtreeInput:focus + .formtree { display: block; }
.autoForm .formtree:hover { display: block; }
.formtree::before { content: ""; position: absolute; left: 0; top: -20px; width: 100%; height: -20px; background-color: #fff; }
/*包含2个 btn*/
.autoFormDiv { margin: 0 auto; width: 180px; }
/**文件上传*/
.autoFu { position: relative; overflow: hidden; display: inline-block; }
    .autoFu input[type=file] { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; }
/*全屏支持*/
:-webkit-full-screen { width: 100%; height: 100%; }
/**项目中的通用css,*/
.nyInput { width: 70px; font-weight: bold; text-align: center; }


